<template>
  <!--  建筑能效监管子系统 -->
  <div>
    <Graphic />
  </div>
</template>

<script>
import Graphic from './graphic.vue'
export default {
  components: {
    Graphic
  },
  data () {
    return {
      activeName: 'first',
      // 列表展示中表格数据
      tableData: [
        {
          pos: 'x-y',
          num: '001',
          system: '监控',
          name: '摄像头',
          time: '2022-02-01 13:00:00',
          state: '运行',
          type: '监控'
        },
        {
          pos: 'x-y',
          num: '001',
          system: '监控',
          name: '摄像头',
          time: '2022-02-01 13:00:00',
          state: '运行',
          type: '监控'
        },
        {
          pos: 'x-y',
          num: '001',
          system: '监控',
          name: '摄像头',
          time: '2022-02-01 13:00:00',
          state: '运行',
          type: '监控'
        },
        {
          pos: 'x-y',
          num: '001',
          system: '监控',
          name: '摄像头',
          time: '2022-02-01 13:00:00',
          state: '运行',
          type: '监控'
        },
        {
          pos: 'x-y',
          num: '001',
          system: '监控',
          name: '摄像头',
          time: '2022-02-01 13:00:00',
          state: '运行',
          type: '监控'
        }
      ],
      // 查询条件表单
      form: {
        system: '',
        name: '',
        list: ''
      },
      // 弹框默认不显示
      dialogVisible: false,
      form: {
        floor: '1F'
      }
    }
  },
  methods: {
    // 查询
    onSubmit () {

    },
    // 视频查看
    handleLook (row) {
      this.dialogVisible = true
    }
  }
}
</script>

<style lang="scss" scoped>
* {
  margin: 0;
}
.el-form {
  margin-top: 10px;
  margin-bottom: 20px;
}
.button {
  padding-bottom: 15px;
}
</style>
